{% load i18n %}
{% load bootstrap3 %}
{% load static %}

<div class="geodata-section">
    {% bootstrap_field form.location layout="control" %}
    <div class="form-group geodata-group"
         data-tiles="{{ global_settings.leaflet_tiles|default_if_none:"" }}"
         data-attrib="{{ global_settings.leaflet_tiles_attribution }}"
         data-icon="{% static "leaflet/images/marker-icon.png" %}"
         data-shadow="{% static "leaflet/images/marker-shadow.png" %}">
        <label class="col-md-3 control-label">
            {% trans "Geo coordinates" %}<br>
            <span class="optional">{% trans "Optional" %}</span>
        </label>
        <div class="col-md-4">
            {% bootstrap_field form.geo_lat layout="inline" %}
            {% if global_settings.opencagedata_apikey %}
                <p class="attrib">
                    <a href="https://openstreetmap.org/" target="_blank">
                        {% trans "Geocoding data © OpenStreetMap" %}
                    </a>
                </p>
            {% endif %}
        </div>
        <div class="col-md-4">
            {% bootstrap_field form.geo_lon layout="inline" %}
        </div>
        <div class="col-md-1">
        </div>
    </div>
</div>
